.page-content {

    margin: 0 auto;

    padding: 25px 20px;

    //超小屏幕（人像手机，小于576像素）
    @include media-down(xs) {
        padding: 15px 0 0 0;
    }

    //小型屏幕（手机，576px及以上）
    @include media(sm) {
        padding: 20px 0 0 0;
    }

    // 中型屏幕（平板电脑，768px及以上）
    @include media(md) {
        padding: 25px 0 0 0;
    }

    //大型屏幕（台式机，992px及以上）
    @include media(lg) {
        padding: 25px 20px;
    }

    // 超大型屏幕（大型台式机，1200px及以上）
    @include media-up(xl) {
        padding: 35px 20px;
    }

}
